<script setup lang="ts">
import { onLaunch, onShow, onHide } from '@dcloudio/uni-app'

onLaunch(() => {
  console.log('App Launch')
})
onShow(() => {
  console.log('App Show')
})
onHide(() => {
  console.log('App Hide')
})
</script>

<style>
/* 更改ui框架 的from 表单样式 */
.customFrom {
  /* border: 1rpx solid #333; */
}
/* 更改ui框架 input 表单样式 - s */
.customInput {
  padding: 12rpx 32rpx !important;
}
.customInput .wd-input__body {
  padding: 0 30rpx;
  background: #f9f9f9 !important;
  border-radius: 12rpx 12rpx 12rpx 12rpx;
}
.customInput .wd-icon {
  background-color: transparent !important;
}
.customInput .customInputView,
.customLabelView .wd-input__label-inner {
  height: 96rpx !important;
  font-size: 32rpx !important;
  line-height: 96rpx !important;
  color: #333 !important;
}
/* 其他输入槽 */
.customInput .wd-cell__wrapper,
.customInput .wd-cell__title {
  height: 96rpx !important;
  padding: 0rpx !important;
  font-size: 32rpx !important;
  line-height: 96rpx !important;
  color: #333 !important;
}
/* 清空icon 颜色 */
.customInput .wd-icon-error-fill {
  color: #dadada !important;
}
/* 更改ui框架 input 表单样式 - e */
/* 更改自动缺省页自动平铺布局 */
.wot-theme-dark,
.wot-theme-light,
.wot-theme-light > view:nth-child(1) {
  display: flex;
  flex-direction: column;
  height: 100% !important;
  overflow: auto;
}
</style>

<style lang="scss">
/* stylelint-disable selector-type-no-unknown */
button::after {
  border: none;
}

uni-page-body,
page {
  height: 100%;
}

swiper,
scroll-view {
  flex: 1;
  height: 100%;
  overflow: hidden;
}

image {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

// 单行省略，优先使用 unocss: text-ellipsis
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

// 两行省略
.ellipsis-2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

// 三行省略
.ellipsis-3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
</style>
